<link rel="stylesheet" href="<?php echo CSS_DIR; ?>index.css">

<section class="service">
  <div class="container titled">
    <h1>我们主打的顶级服务</h1>
    <h3>OUR SERVICE</h3>
    <div class="row">
      <?php foreach($serv_arr as $key => $item){
          if($key != 0 && $key % 3 == 0) {echo '<div class="clearfix"></div>';}
      ?>
      <div class="col-xs-12 col-sm-4">
        <figure>
          <div class="s-icon">
            <img src="<?php echo ROOT.$item['serv_type_thumb']; ?>" alt="">
          </div>
          <figcaption>
            <h3><?php echo $item['serv_type_name']; ?></h3>
            <p><?php echo $item['serv_type_desc']; ?></p>
          </figcaption>
        </figure>
      </div>
      <?php } ?>
    </div>
  </div>
</section>
<section class="cases">
  <div class="container titled">
    <h1>我们历年的心血大作</h1>
    <h3>OUR CASES</h3>
    <div class="row">
      <?php foreach($cases_arr as $val){ ?>
      <div class="col-xs-12 col-sm-4 content">
        <img src="<?php echo ROOT.$val['case_img']; ?>" alt="">
        <a href="">
          <div class="mask">
            <h2><?php echo $val['case_name']; ?></h2>
            <p><?php echo $val['case_desc']; ?></p>
          </div>
        </a>
      </div>
      <?php } ?>
    </div>
    <a href=""><span>LEARN MORE</span></a>
  </div>
</section>
<section class="history">
  <div class="container titled">
    <h1>我们的发展历程</h1>
    <h3>OUR DEVELOPMENT HISTORY</h3>
    <div class="row">
      <?php foreach($history_arr as $val){ ?>
      <div class="col-xs-12 col-sm-4 content">
        <div class="img">
          <img src="<?php echo ROOT.$val['slogan_thumb']; ?>" alt="">
        </div>
        <h2><?php echo $val['slogan_title']; ?></h2>
        <p><?php echo $val['slogan_desc']; ?></p>
      </div>
      <?php } ?>
    </div>
    <a href=""><span>LEARN MORE</span></a>
  </div>
</section>
